<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="技术博客">
    
    <meta name="author" content="jiesun">
    <!-- preconnect -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    
    <!--- Seo Part-->
    
    <link rel="canonical" href="https://anca.gitee.io/"/>
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
    <meta name="revisit-after" content="1 days">
    
        <meta name="description" content="个人的技术博客和简历等信息">
<meta property="og:type" content="website">
<meta property="og:title" content="孙杰的博客">
<meta property="og:url" content="https://anca.gitee.io/index.html">
<meta property="og:site_name" content="孙杰的博客">
<meta property="og:description" content="个人的技术博客和简历等信息">
<meta property="og:locale" content="zh_CN">
<meta property="article:author" content="jiesun">
<meta property="article:tag" content="技术博客">
<meta name="twitter:card" content="summary">
    
    
    <!--- Icon Part-->
    <link rel="icon" type="image/png" href="/jiesun.gitee.io/images/redefine-favicon.svg" sizes="192x192">
    <link rel="apple-touch-icon" sizes="180x180" href="/jiesun.gitee.io/images/redefine-favicon.svg">
    <meta name="theme-color" content="#A31F34">
    <link rel="shortcut icon" href="/jiesun.gitee.io/images/redefine-favicon.svg">
    <!--- Page Info-->
    
    <title>
        
        极乐净土
    </title>
    
<link rel="stylesheet" href="/jiesun.gitee.io/css/style.css">


    
        
<link rel="stylesheet" href="/jiesun.gitee.io/css/build/styles.css">

    

    
<link rel="stylesheet" href="/jiesun.gitee.io/fonts/fonts.css">

    
<link rel="stylesheet" href="/jiesun.gitee.io/fonts/Satoshi/satoshi.css">

    
<link rel="stylesheet" href="/jiesun.gitee.io/fonts/Chillax/chillax.css">

    <!--- Font Part-->
    
    
    
    

    <!--- Inject Part-->
    
    <script id="hexo-configurations">
    let Global = window.Global || {};
    Global.hexo_config = {"hostname":"anca.gitee.io","root":"/jiesun.gitee.io/","language":"zh-CN"};
    Global.theme_config = {"articles":{"style":{"font_size":"16px","line_height":1.5,"image_border_radius":"14px","image_alignment":"center","image_caption":false,"link_icon":true},"word_count":{"enable":true,"count":true,"min2read":true},"author_label":{"enable":true,"auto":false,"list":[]},"code_block":{"copy":true,"style":"mac","font":{"enable":false,"family":null,"url":null}},"toc":{"enable":true,"max_depth":3,"number":false,"expand":true,"init_open":true},"copyright":true,"lazyload":true,"recommendation":{"enable":false,"title":"推荐阅读","limit":3,"mobile_limit":2,"placeholder":"/images/wallhaven-wqery6-light.webp","skip_dirs":[]}},"colors":{"primary":"#A31F34","secondary":null},"global":{"fonts":{"chinese":{"enable":false,"family":null,"url":null},"english":{"enable":false,"family":null,"url":null}},"content_max_width":"1000px","sidebar_width":"210px","hover":{"shadow":true,"scale":false},"scroll_progress":{"bar":false,"percentage":true},"website_counter":{"url":"https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js","enable":true,"site_pv":true,"site_uv":true,"post_pv":true},"single_page":true,"open_graph":true,"google_analytics":{"enable":false,"id":null}},"home_banner":{"enable":true,"style":"fixed","image":{"light":"/images/wallhaven-wqery6-light.webp","dark":"/images/wallhaven-wqery6-dark.webp"},"title":"极乐净土","subtitle":{"text":[],"hitokoto":{"enable":false,"api":"https://v1.hitokoto.cn"},"typing_speed":100,"backing_speed":80,"starting_delay":500,"backing_delay":1500,"loop":true,"smart_backspace":true},"text_color":{"light":"#fff","dark":"#d1d1b6"},"text_style":{"title_size":"2.8rem","subtitle_size":"1.5rem","line_height":1.2},"custom_font":{"enable":false,"family":null,"url":null},"social_links":{"enable":false,"links":{"github":null,"instagram":null,"zhihu":null,"twitter":null,"email":null},"qrs":{"weixin":null}}},"plugins":{"feed":{"enable":false},"aplayer":{"enable":true,"type":"fixed","audios":[{"name":"起风了","artist":"买辣椒也用券","url":"https://music.163.com/song/media/outer/url?id=1330348068.mp3","cover":"https://p2.music.126.net/diGAyEmpymX8G7JcnElncQ==/109951163699673355.jpg?param=130y130"},{"name":"盗墓笔记·十年人间","artist":"青肆ToriDo","url":"https://music.163.com/song/media/outer/url?id=1298484254.mp3","cover":"https://p2.music.126.net/4vY0tPpnINMLzjV8UKywIg==/109951163438805808.jpg?param=130y130"},{"name":"囍","artist":"葛东琪","url":"https://music.163.com/song/media/outer/url?id=1303289043.mp3","cover":"https://p2.music.126.net/H3Q3SeMVtuHvHY2uyaQdOw==/109951163472855051.jpg?param=130y130"}]},"mermaid":{"enable":false,"version":"9.3.0"}},"version":"2.4.4","navbar":{"auto_hide":false,"color":{"left":"#f78736","right":"#367df7","transparency":35},"links":{"Home":{"path":"/","icon":"fa-regular fa-house"},"Memos":{"path":"/essay","icon":"fa-regular fa-lightbulb"},"Archives":{"icon":"fa-regular fa-archive","submenus":{"Archives":"/archives","Categories":"/categories","Tags":"/tags"}}},"search":{"enable":false,"preload":true}},"page_templates":{"friends_column":2,"tags_style":"blur"},"home":{"sidebar":{"enable":true,"position":"left","first_item":"menu","announcement":null,"links":null},"article_date_format":"auto","categories":{"enable":true,"limit":3},"tags":{"enable":true,"limit":3}},"footerStart":"2022/8/17 11:45:14"};
    Global.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 个月前","year":"%s 年前"};
    Global.data_config = {"masonry":false};
  </script>
    
    <!--- Fontawesome Part-->
    
<link rel="stylesheet" href="/jiesun.gitee.io/fontawesome/fontawesome.min.css">

    
<link rel="stylesheet" href="/jiesun.gitee.io/fontawesome/brands.min.css">

    
<link rel="stylesheet" href="/jiesun.gitee.io/fontawesome/solid.min.css">

    
<link rel="stylesheet" href="/jiesun.gitee.io/fontawesome/regular.min.css">

    
    
    
    
<meta name="generator" content="Hexo 6.3.0"></head>


<body>
<div class="progress-bar-container">
    

    
        <span class="pjax-progress-bar"></span>
        <span class="swup-progress-icon">
            <i class="fa-solid fa-circle-notch fa-spin"></i>
        </span>
    
</div>


<main class="page-container" id="swup">

    
        
    <style>
        .home-banner-container {
            background: transparent !important;
        }

        .home-article-item,
        .sidebar-links,
        .sidebar-content,
        a.page-number,
        a.extend,
        .sidebar-links .links:hover,
        .right-bottom-tools,
        footer.footer {
            background-color: var(--background-color-transparent-80) !important;
        }

        .right-bottom-tools:hover,
        a.page-number:hover,
        a.extend:hover {
            background-color: var(--primary-color) !important;
        }

        .site-info,
        .home-article-sticky-label {
            background-color: var(--background-color-transparent-15) !important;
        }

        .home-article-sticky-label {
            backdrop-filter: none !important;
        }
    </style>

    <div class="home-banner-background transition-fade">
    </div>


<div class="home-banner-container flex justify-center items-center transition-fade">
    <div class="content flex justify-center items-center">
        <div class="description flex flex-col justify-center items-center"
        
        >
            极乐净土
            
            
                <p><i id="subtitle"></i></p>
            
        </div>
        
    </div>
</div>



    

    <div class="main-content-container">


        <div class="main-content-header">
            <header class="navbar-container">
    
    <div class="navbar-content has-home-banner">
        <div class="left">
            
            <a class="logo-title" href="https://anca.gitee.io/">
                <h1>
                极乐净土
                </h1>
            </a>
        </div>

        <div class="right">
            <!-- PC -->
            <div class="desktop">
                <ul class="navbar-list">
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="active" 
                                    href="/jiesun.gitee.io/"  >
                                    
                                        
                                            <i class="fa-regular fa-house"></i>
                                        
                                        首页
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="" 
                                    href="/jiesun.gitee.io/essay"  >
                                    
                                        
                                            <i class="fa-regular fa-lightbulb"></i>
                                        
                                        MEMOS
                                    
                                </a>
                                <!-- Submenu -->
                                
                            </li>
                    
                        
                            <li class="navbar-item">
                                <!-- Menu -->
                                <a class="has-dropdown" 
                                    href="#" onClick="return false;">
                                    
                                        
                                            <i class="fa-regular fa-archive"></i>
                                        
                                        归档&nbsp;<i class="fa-solid fa-chevron-down"></i>
                                    
                                </a>
                                <!-- Submenu -->
                                
                                    <ul class="sub-menu">
                                    
                                        <li>
                                        <a href="/jiesun.gitee.io/archives">归档
                                        </a>
                                        </li>
                                    
                                        <li>
                                        <a href="/jiesun.gitee.io/categories">分类
                                        </a>
                                        </li>
                                    
                                        <li>
                                        <a href="/jiesun.gitee.io/tags">标签
                                        </a>
                                        </li>
                                    
                                    </ul>
                                
                            </li>
                    
                    
                </ul>
            </div>
            <!-- Mobile -->
            <div class="mobile">
                
                <div class="icon-item navbar-bar">
                    <div class="navbar-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Mobile drawer -->
    <div class="navbar-drawer w-full absolute top-0 left-0 bg-background-color">
        <ul class="drawer-navbar-list flex flex-col justify-start items-center">
            
                
                    <li class="drawer-navbar-item text-base my-1.5 flex justify-center items-center">
                        <a class="rounded-3xl py-1.5 px-5 hover:border hover:!text-primary active:!text-primary group active" 
                        href="/jiesun.gitee.io/"  >
                             
                                
                                    <i class="fa-regular fa-house"></i>
                                
                                首页
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            
                
                    <li class="drawer-navbar-item text-base my-1.5 flex justify-center items-center">
                        <a class="rounded-3xl py-1.5 px-5 hover:border hover:!text-primary active:!text-primary group " 
                        href="/jiesun.gitee.io/essay"  >
                             
                                
                                    <i class="fa-regular fa-lightbulb"></i>
                                
                                MEMOS
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                    
            
                
                    <li class="drawer-navbar-item text-base my-1.5 flex justify-center items-center">
                        <a class="rounded-3xl py-1.5 px-5 hover:border hover:!text-primary active:!text-primary group has-dropdown" 
                        href="#" onClick="return false;">
                            
                                
                                    <i class="fa-regular fa-archive"></i>
                                
                                归档&nbsp;<i class="group-hover:rotate-180 transition-transform fa-solid fa-chevron-down"></i>
                            
                        </a>
                    </li>
                    <!-- Submenu -->
                              
                        
                            <li class="text-base flex justify-center items-center hover:underline active:underline hover:underline-offset-1 rounded-3xl">
                                <a class="py-0.5" href="/jiesun.gitee.io/archives">归档</a>
                            </li>
                        
                            <li class="text-base flex justify-center items-center hover:underline active:underline hover:underline-offset-1 rounded-3xl">
                                <a class="py-0.5" href="/jiesun.gitee.io/categories">分类</a>
                            </li>
                        
                            <li class="text-base flex justify-center items-center hover:underline active:underline hover:underline-offset-1 rounded-3xl">
                                <a class="py-0.5" href="/jiesun.gitee.io/tags">标签</a>
                            </li>
                        
                    
            

        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="main-content-body">

            
                <div class="home-sidebar-container">
    <div class="sticky-container">
        
            
            <div class="sidebar-content" >
                <div class="avatar">
                    <img src="/jiesun.gitee.io/images/redefine-avatar.svg">
                </div>
                <div class="author">
                    <div class="name">jiesun</div>
                    
                        <div class="label">Lv3</div>
                    
                </div>
                <div class="statistics">
                    <a class="item" href="/jiesun.gitee.io/tags">
                        <div class="number">7</div>
                        <div class="label">标签</div>
                    </a>
                    <a class="item" href="/jiesun.gitee.io/categories">
                        <div class="number">9</div>
                        <div class="label">分类</div>
                    </a>
                    <a class="item" href="/jiesun.gitee.io/archives">
                        <div class="number">27</div>
                        <div class="label">文章</div>
                    </a>
                </div>
            </div>
        

    </div>
</div>

            

            <div class="main-content">

                
                    <div class="home-content-container">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/11/04/module/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg4.jpeg" alt="搞懂模块化" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/11/04/module/">
                        搞懂模块化
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>vite是esm而webpack是commonjs，有什么区别呢</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Sat Nov 04 2023 14:50:37 GMT+0800">
                
                    2023-11-04
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/js/">js</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
    </div>

    <a href="/jiesun.gitee.io/2023/11/04/module/">阅读全文<span class="seo-reader-text">搞懂模块化</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/10/30/vue3-4/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg2.jpeg" alt="vue3 源码分析（4）- 生成虚拟 DOM" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/10/30/vue3-4/">
                        vue3 源码分析（4）- 生成虚拟 DOM
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>Vue 执行渲染-&gt;生成虚拟 DOM</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Mon Oct 30 2023 17:14:51 GMT+0800">
                
                    2023-10-30
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/vue3-%E6%BA%90%E7%A0%81/">vue3 源码</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E6%BA%90%E7%A0%81%E7%B3%BB%E5%88%97/">源码系列</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/10/30/vue3-4/">阅读全文<span class="seo-reader-text">vue3 源码分析（4）- 生成虚拟 DOM</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/10/01/router/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg11.jpeg" alt="vue3 动态路由怎么实现，又文 怎么解决每次只请求一次token和菜单路由" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/10/01/router/">
                        vue3 动态路由怎么实现，又文 怎么解决每次只请求一次token和菜单路由
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>vue3 动态路由怎么实现，又文 怎么解决每次只请求一次token和菜单路由</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Sun Oct 01 2023 10:15:19 GMT+0800">
                
                    2023-10-01
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/vue3-%E8%84%9A%E6%89%8B%E6%9E%B6%E8%87%AA%E5%BB%BA/">vue3 脚手架自建</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E8%87%AA%E5%BB%BA%E8%84%9A%E6%89%8B%E6%9E%B6/">自建脚手架</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/10/01/router/">阅读全文<span class="seo-reader-text">vue3 动态路由怎么实现，又文 怎么解决每次只请求一次token和菜单路由</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/10/01/fabudingyue/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg3.jpeg" alt="js手写一个非常简单的发布订阅" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/10/01/fabudingyue/">
                        js手写一个非常简单的发布订阅
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>发布订阅是什么</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Sun Oct 01 2023 10:05:37 GMT+0800">
                
                    2023-10-01
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/%E8%A7%A3%E5%86%B3%E9%97%AE%E9%A2%98%E7%9A%84%E5%A5%97%E8%B7%AF/">解决问题的套路</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/">设计模式</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/10/01/fabudingyue/">阅读全文<span class="seo-reader-text">js手写一个非常简单的发布订阅</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/09/20/eslint/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg12.jpeg" alt="vue3 脚手架搭建-eslint" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/09/20/eslint/">
                        vue3 脚手架搭建-eslint
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>vue3 脚手架搭建-eslint怎么配置</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Wed Sep 20 2023 15:59:52 GMT+0800">
                
                    2023-09-20
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/vue3-%E8%84%9A%E6%89%8B%E6%9E%B6%E8%87%AA%E5%BB%BA/">vue3 脚手架自建</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E8%87%AA%E5%BB%BA%E8%84%9A%E6%89%8B%E6%9E%B6/">自建脚手架</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/09/20/eslint/">阅读全文<span class="seo-reader-text">vue3 脚手架搭建-eslint</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/09/20/vue-layout/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg12.jpeg" alt="vue3 脚手架搭建准备" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/09/20/vue-layout/">
                        vue3 脚手架搭建准备
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>vue3 脚手架搭建确定集成哪些功能，按照步骤来</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Wed Sep 20 2023 13:45:25 GMT+0800">
                
                    2023-09-20
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/vue3-%E8%84%9A%E6%89%8B%E6%9E%B6%E8%87%AA%E5%BB%BA/">vue3 脚手架自建</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E8%87%AA%E5%BB%BA%E8%84%9A%E6%89%8B%E6%9E%B6/">自建脚手架</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/09/20/vue-layout/">阅读全文<span class="seo-reader-text">vue3 脚手架搭建准备</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/08/30/zhuomian/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/zhongqiu.jpg" alt="中秋到了，打造一个中秋节专属桌面背景（花里胡哨）" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/08/30/zhuomian/">
                        中秋到了，打造一个中秋节专属桌面背景（花里胡哨）
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>中秋到了，打造一个中秋节专属桌面背景（花里胡哨）</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Wed Aug 30 2023 21:01:16 GMT+0800">
                
                    2023-08-30
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/%E6%9C%89%E6%84%8F%E6%80%9D%E7%9A%84%E5%B0%8F%E7%8E%A9%E6%84%8F/">有意思的小玩意</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E5%BA%94%E7%94%A8/">应用</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/jiesun.gitee.io/tags/%E4%B8%AD%E7%A7%8B%E8%8A%82%E6%97%A5/">中秋节日</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/08/30/zhuomian/">阅读全文<span class="seo-reader-text">中秋到了，打造一个中秋节专属桌面背景（花里胡哨）</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/08/03/antv/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg10.jpeg" alt="antv 源码查看" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/08/03/antv/">
                        antv 源码查看
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>antv 源码查看</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Thu Aug 03 2023 10:49:25 GMT+0800">
                
                    2023-08-03
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/ui%E6%A1%86%E6%9E%B6/">ui框架</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/ui%E6%A1%86%E6%9E%B6%E6%BA%90%E7%A0%81/">ui框架源码</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/jiesun.gitee.io/tags/%E6%BA%90%E7%A0%81%E7%B3%BB%E5%88%97/">源码系列</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/08/03/antv/">阅读全文<span class="seo-reader-text">antv 源码查看</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/07/27/vue-api/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg2.jpeg" alt="vue3 api浏览记录" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/07/27/vue-api/">
                        vue3 api浏览记录
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>vue3 需要记录的api（不仅仅这些）</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Thu Jul 27 2023 18:57:50 GMT+0800">
                
                    2023-07-27
                
            </span>
        </span>
        
        
    </div>

    <a href="/jiesun.gitee.io/2023/07/27/vue-api/">阅读全文<span class="seo-reader-text">vue3 api浏览记录</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                
                    
                

                
                    <div id="home-article-thumbnail" class="relative h-[150px] overflow-hidden rounded-t-[10.8px] md:rounded-t-large -m-5 mb-3 sm:-m-6 sm:mb-4 md:-m-7 md:mb-5">
                        <a href="/jiesun.gitee.io/2023/07/06/vue3-3/">
                            <img src="https://anca.gitee.io/jiesun.gitee.io/images/bg1.jpeg" alt="vue3 源码分析（3）- 渲染函数" class="w-full h-full object-cover dark:brightness-75 transition-all" />
                        </a>
                    </div>
                

                <h3 class="home-article-title">
                    <a href="/jiesun.gitee.io/2023/07/06/vue3-3/">
                        vue3 源码分析（3）- 渲染函数
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <p>Vue 模版渲染 -&gt; AST（抽象语法树）转化为渲染函数</p>

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fa-solid fa-calendars"></i>&nbsp;
            <span class="home-article-date" data-date="Thu Jul 06 2023 15:25:03 GMT+0800">
                
                    2023-07-06
                
            </span>
        </span>
        
            <span class="home-article-category">
                <i class="fa-solid fa-folders"></i>&nbsp;
            <ul>
                
                
                    
                        
                        <li>
                            <a href="/jiesun.gitee.io/categories/vue3-%E6%BA%90%E7%A0%81/">vue3 源码</a>&nbsp;
                        </li>
                    
                    
                
            </ul>
        </span>
        
        
            <span class="home-article-tag">
                <i class="fa-solid fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/jiesun.gitee.io/tags/%E6%BA%90%E7%A0%81%E7%B3%BB%E5%88%97/">源码系列</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/jiesun.gitee.io/2023/07/06/vue3-3/">阅读全文<span class="seo-reader-text">vue3 源码分析（3）- 渲染函数</span>&nbsp;<i class="fa-solid fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    <span class="page-number current">1</span><a class="page-number" href="/jiesun.gitee.io/page/2/">2</a><a class="page-number" href="/jiesun.gitee.io/page/3/">3</a><a class="extend next" rel="next" href="/jiesun.gitee.io/page/2/"><i class="fa-regular fa-angle-right"></i></a>
</div>

    </div>
</div>

                    <div class="comment-container pjax"></div>
                

            </div>

            

        </div>

        <div class="main-content-footer">
            <footer class="footer mt-5 py-5 h-auto text-base text-third-text-color relative border-t-2 border-t-border-color">
    <div class="info-container py-3 text-center">
        
        <div class="text-center">
            &copy;
            
              <span>2022</span>
              -
            
            2023&nbsp;&nbsp;<i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 0.5s; color: #f54545"></i>&nbsp;&nbsp;<a href="/">jiesun</a>
        </div>
        
            <script data-swup-reload-script src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <div class="relative text-center lg:absolute lg:right-[20px] lg:top-1/2 lg:-translate-y-1/2 lg:text-right">
                
                    <span id="busuanzi_container_site_uv" class="lg:!block">
                        <span class="text-sm">访问人数</span>
                        <span id="busuanzi_value_site_uv"></span>
                    </span>
                
                
                    <span id="busuanzi_container_site_pv" class="lg:!block">
                        <span class="text-sm">总访问量</span>
                        <span id="busuanzi_value_site_pv"></span>
                    </span>
                
            </div>
        
        <div class="relative text-center lg:absolute lg:left-[20px] lg:top-1/2 lg:-translate-y-1/2 lg:text-left">
            <span class="lg:block text-sm">由 <?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="relative top-[2px] inline-block align-baseline" version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1rem" height="1rem" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="#0E83CD" d="M256.4,25.8l-200,115.5L56,371.5l199.6,114.7l200-115.5l0.4-230.2L256.4,25.8z M349,354.6l-18.4,10.7l-18.6-11V275H200v79.6l-18.4,10.7l-18.6-11v-197l18.5-10.6l18.5,10.8V237h112v-79.6l18.5-10.6l18.5,10.8V354.6z"/></svg><a target="_blank" class="text-base" href="https://hexo.io">Hexo</a> 驱动</span>
            <span class="text-sm lg:block">主题&nbsp;<a class="text-base" target="_blank" href="https://github.com/EvanNotFound/hexo-theme-redefine">Redefine v2.4.4</a></span>
        </div>
        
        
            <div>
                博客已运行 <span class="odometer" id="runtime_days" ></span> 天 <span class="odometer" id="runtime_hours"></span> 小时 <span class="odometer" id="runtime_minutes"></span> 分钟 <span class="odometer" id="runtime_seconds"></span> 秒
            </div>
        
        
            <script data-swup-reload-script>
                try {
                    function odometer_init() {
                    const elements = document.querySelectorAll('.odometer');
                    elements.forEach(el => {
                        new Odometer({
                            el,
                            format: '( ddd).dd',
                            duration: 200
                        });
                    });
                    }
                    odometer_init();
                } catch (error) {}
            </script>
        
        
        
    </div>  
</footer>
        </div>
    </div>

    

    <div class="right-side-tools-container">
        <div class="side-tools-container">
    <ul class="hidden-tools-list">
        <li class="right-bottom-tools tool-font-adjust-plus flex justify-center items-center">
            <i class="fa-regular fa-magnifying-glass-plus"></i>
        </li>

        <li class="right-bottom-tools tool-font-adjust-minus flex justify-center items-center">
            <i class="fa-regular fa-magnifying-glass-minus"></i>
        </li>

        <li class="right-bottom-tools tool-expand-width flex justify-center items-center">
            <i class="fa-regular fa-expand"></i>
        </li>

        <li class="right-bottom-tools tool-dark-light-toggle flex justify-center items-center">
            <i class="fa-regular fa-moon"></i>
        </li>

        <!-- rss -->
        

        

        <li class="right-bottom-tools tool-scroll-to-bottom flex justify-center items-center">
            <i class="fa-regular fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="visible-tools-list">
        <li class="right-bottom-tools toggle-tools-list flex justify-center items-center">
            <i class="fa-regular fa-cog fa-spin"></i>
        </li>
        
            <li class="right-bottom-tools tool-scroll-to-top flex justify-center items-center">
                <i class="arrow-up fas fa-arrow-up"></i>
                <span class="percent"></span>
            </li>
        
        
    </ul>
</div>

    </div>

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>


    
<script src="/jiesun.gitee.io/js/libs/Swup.min.js"></script>

<script src="/jiesun.gitee.io/js/libs/SwupSlideTheme.min.js"></script>

<script src="/jiesun.gitee.io/js/libs/SwupScriptsPlugin.min.js"></script>

<script src="/jiesun.gitee.io/js/libs/SwupProgressPlugin.min.js"></script>

<script src="/jiesun.gitee.io/js/libs/SwupScrollPlugin.min.js"></script>

<script>
    const swup = new Swup({
        plugins: [
            new SwupScriptsPlugin({
                optin: true,
            }),
            new SwupProgressPlugin(),
            new SwupScrollPlugin({
                offset: 80,
            }),
            new SwupSlideTheme({
                mainElement: ".main-content-body",
            }),
        ],
        containers: ["#swup"],
    });

    swup.hooks.on("page:view", () => {
        Global.refresh();
    });

    // if (document.readyState === "complete") {
    //
    // } else {
    //     document.addEventListener("DOMContentLoaded", () => init());
    // }
</script>







<script src="/jiesun.gitee.io/js/utils.js" type="module"></script>

<script src="/jiesun.gitee.io/js/main.js" type="module"></script>

<script src="/jiesun.gitee.io/js/layouts/navbarShrink.js" type="module"></script>

<script src="/jiesun.gitee.io/js/tools/scrollTopBottom.js" type="module"></script>

<script src="/jiesun.gitee.io/js/tools/lightDarkSwitch.js" type="module"></script>

<script src="/jiesun.gitee.io/js/layouts/categoryList.js" type="module"></script>





    
<script src="/jiesun.gitee.io/js/tools/codeBlock.js"></script>




    
<script src="/jiesun.gitee.io/js/layouts/lazyload.js"></script>




    
<script src="/jiesun.gitee.io/js/tools/runtime.js"></script>

    
<script src="/jiesun.gitee.io/js/libs/odometer.min.js"></script>

    
<link rel="stylesheet" href="/jiesun.gitee.io/assets/odometer-theme-minimal.css">




  
<script src="/jiesun.gitee.io/js/libs/Typed.min.js"></script>

  
<script src="/jiesun.gitee.io/js/plugins/typed.js"></script>







<div class="post-scripts" data-swup-reload-script>
    
        
<script src="/jiesun.gitee.io/js/libs/anime.min.js"></script>

        
<script src="/jiesun.gitee.io/js/tools/tocToggle.js" type="module"></script>

<script src="/jiesun.gitee.io/js/layouts/toc.js" type="module"></script>

<script src="/jiesun.gitee.io/js/plugins/tabs.js" type="module"></script>

    
</div>


    <div id="aplayer"></div>

<script src="/jiesun.gitee.io/js/libs/APlayer.min.js"></script>


<script src="/jiesun.gitee.io/js/plugins/aplayer.js"></script>


</body>
</html>
